<template>
    <div>
        

        <van-search v-model="value" placeholder="请输入搜索关键词" />



        <van-grid :border="false" :column-num="4">
            <van-grid-item v-for="(v, i) in list" :key="i">
                <van-image :src="v.image_src" @click="router.push('/home/cal')"/>
            </van-grid-item>
        </van-grid>
    </div>
</template>

<script setup>

import { catitemsApi } from '@/api/api';
import { ref } from 'vue';
import router from '@/router';
let list = ref([])
const getlist = () => {
    catitemsApi().then((res) => {
        console.log(res);
        list.value = res.data.message
    })
}
getlist()
</script>

<style lang="scss" scoped></style>